@charset "UTF-8";


@media screen and (min-width:768px), print 
{
#topSlides {overflow: hidden ;}

#topSlides a {
	display: block ;
	position: relative ;
	width: 100% ;
}
#topSlides a div {
	-webkit-transition-duration: 0s ;
	transition-duration: 0s ;
	-webkit-transition-timing-function: ease ;
	transition-timing-function: ease ;
}
.topText {
	position: absolute ;
	top: 280px ;
	left: 0 ;
	right: 0 ;
	width: 100% ;
	max-width: 1200px ;
	margin: 0 auto ;
	padding: 0 ;
	z-index: 2 ;
}
.topText p {
	position: absolute ;
	width: 60% ;
}
.topText img {
	width: 100% ;
}
.topSlides {
	position: relative ;
	background: #374252 ;
	width: 100% ;
	height: 552px ;
	z-index: 1 ;
}
.topSlides div {
	position: relative ;
	width: 100% ;
	height: 552px ;
	overflow: hidden ;
}
.topSlides div a {
	position: relative ;
	display: block ;
	width: 100% ;
	height: 552px ;
	color: #000000 ;
	text-decoration: none ;
}
.topSlides .images {
	position: absolute ;
	background: center center no-repeat ;
	background-size: cover ;
	top: 0 ;
	left: 0 ;
	background: #374252 ;
	width: 100% ;
	height: 552px ;
	overflow: hidden ;
	z-index: 1 ;
}
.topSlides .images img {
	position: relative ;
	top: 50% ;
	left: 50% ;
	width: auto ;
	height: 100% ;
	-webkit-transform: translate(-50%,-50%) ;
	-ms-transform: translate(-50%,-50%) ;
	transform: translate(-50%,-50%) ;
}
.topSlides .siteInner {
	background-color: transparent ;
	padding: 290px 0 0 0 ;
	z-index: 10 ;
}
.topSlides .siteInner h2 {
	position: relative ;
	margin: 0 0 60px 0 ;
	font-size: 52px ;
	font-weight: normal ;
	line-height: 1.4 ;
}
.topSlides .siteInner h2:before {
	content: "" ;
	position: absolute ;
	left: 0 ;
	bottom: -24px ;
	width: 40px ;
	border-bottom: 4px solid #00449A ;
}
.topSlides .siteInner dt {
	font-size: 15px ;
	font-weight: bold ;
}
.topSlides .siteInner dd {
	font-size: 13px ;
}
.topSlides .siteInner p {
	font-size: 14px ;
}
.topSlides .whiteImg h2,
.topSlides .whiteImg dt,
.topSlides .whiteImg dd {
	color: #000000 ;
}
.topSlides .blackImg h2,
.topSlides .blackImg dt,
.topSlides .blackImg dd {
	color: #ffffff ;
}
.topSlides .imgFit img {
	width: auto ;
	height: 100% ;
}





#indexNews {
	position: relative ;
	width: 100% ;
	max-width: 1200px ;
	margin: 60px auto 0 auto ;
	z-index: 2 ;
}
#indexNews .siteInner {
	width: 102.46%;
	max-width: none ;
}


#btmArea {
		position: relative ;
	background: #ffffff ;
	width: 100% ;
	max-width: 1200px ;
	margin: -70px auto 0 auto ;
	/*-webkit-box-shadow: 0px 10px 50px rgba(0,0,0,0.2) ;
	-moz-box-shadow: 0px 10px 50px rgba(0,0,0,0.2) ;
	box-shadow: 0px 10px 50px rgba(0,0,0,0.2) ;
	*/
	z-index: 100 ;
}





#indexNews .column1-3 {
	position: relative ;
	height: auto ;
	margin-bottom: 25px ;
	overflow: hidden ;
}
#indexNews .column1-3:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 100% ;
}
#indexNews .column2-3 {
	position: relative ;
	height: auto ;
	margin-bottom: 25px ;
	overflow: hidden ;
}
#indexNews .column2-3:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 48.0620% ;
}
#indexNews a {
	display: block ;
	position: absolute;
	top: 0 ;
	left: 0 ;
	right: 0 ;
	bottom: 0 ;
	background: #374252 ;
	width: 100% ;
	height: 100% ;
	color: #ffffff ;
	overflow: hidden ;
	text-decoration: none ;
}
#indexNews a .read {
	position: absolute ;
	left: 0 ;
	bottom: 0 ;
	width: 100% ;
	padding: 0 15px 15px 15px ;
	z-index: 10 ;
}
#indexNews a h3 {
	position: relative ;
	width: 100% ;
	margin: 0 0 8px 0 ;
	padding: 0 0 8px 0 ;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	font-size: 1.1vw ;
	line-height: 1.2 ;
	letter-spacing: 0 ;
	color: #ffffff ;
	overflow: hidden ;
	white-space: nowrap ;
	text-overflow: ellipsis ;
}
#indexNews a p.text {
	position: relative ;
	width: 100% ;
	height: 3em ;
	font-size: 13px ;
	overflow: hidden ;
	text-overflow: ellipsis ;
}
#indexNews a .resize {
	position: relative ;
	z-index: 1 ;
}
#indexNews .category {
	display: inline-block ;
	position: absolute ;
	left: 0 ;
	top: 0 ;
	background: #666666 ;
	padding: 9px 12px ;
	font-size: 11px ;
	line-height: 1 ;
	color: #ffffff ;
	z-index: 10 ;
}
#indexNews .category.c1 {
	background: #0068B7 ;
}
#indexNews .category.c2 {
	background: #ea5805 ;
}
#indexNews .category.c3 {
	background: #79BF38 ;
}
#indexNews .category.c4 {
	background: #00b7ee ;
}
#indexNews .category.c5 {
	background: #004986 ;
}
#indexNews .movie {
	position: absolute ;
	top: 30% ;
	left: 50% ;
	background: url(../images/movie-play.png) right center no-repeat ;
	background-size: 100% ;
	width: 70px ;
	height: 70px ;
	margin: 0 0 0 -35px ;
	z-index: 10 ;
}
.moreNews {
	position: relative ;
	width: 100% ;
	z-index: 2 ;
}
.moreNews p {
	width: 100% ;
	height: 50px ;
	border: 2px solid rgba(20,168,59,0.5) ;
	line-height: 46px ;
	text-align: center ;
	color: #00449A ;
	cursor: pointer ;
	-webkit-border-radius: 25px ;
	-moz-border-radius: 25px ;
	border-radius: 25px ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
.moreNews p span {
	position: relative ;
	display: inline-block ;
	background: url(../images/plus.png) right center no-repeat ;
	background-size: 12px ;
	padding: 0 20px 0 0 ;
}
.moreNews p:hover,
.moreNews p:focus {
	background: #00449A ;
	border: 2px solid #00449A ;
	color: #ffffff ;
}
.moreNews p:hover span,
.moreNews p:focus span {
	background: url(../images/plus2.png) right center no-repeat ;
	background-size: 12px ;
}


/*caseStudy / exibition*/

#indexFotterbg {
	position: relative ;
	width: 100% ;
	margin: -70px 0 0 0 ;
	padding: 140px 0 80px 0 ;
	background: #ffffff url(../images/index-case-bg1.jpg) top center no-repeat ;
	background-size: cover ;
	z-index: 1 ;
}
#indexFotterbg h2 {
	margin: 0 0 50px 0 ;
	padding: 0 ;
	text-align: center ;
	color: #333333 ;
	font-size: 30px ;
	font-weight: normal ;
	line-height: 1.7 ;
	letter-spacing: 0.1em ;
}
#indexFotterbg h2:before {
	border-bottom: none ;
}
#indexFotterbg h2 span {
font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", serif;
}
#indexFotterbg h2 p {
	text-align: center ;
	color: #333333 ;
	font-size: 12px ;
	font-weight: normal ;
}


#caseStudy {
	position: relative ;
	margin: 0 auto 100px auto ;
}
#caseStudy a {
	color: #ffffff ;
}
#caseStudy .photoList1-m {
	height: auto ;
}
#caseStudy .photoList1-m .photo {
	position: relative ;
	background: #374252 ;
	width: 50% ;
	height: auto ;
}
#caseStudy .photoList1-m .text {
	position: relative ;
	background: #ffffff ;
	width: 50% ;
	height: auto ;
}
#caseStudy .photoList1-m .text:after {
	border-color: rgba(255,255,255,0);
	border-right-color: #ffffff;
}
#caseStudy .photoList1-m.reverse .text:after {
	border-color: rgba(255,255,255,0);
	border-left-color: #ffffff;
}
#caseStudy .photoList1-m .photo:before,
#caseStudy .photoList1-m .text:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 44.8979% ;
}
#caseStudy .photoList1-m .photo h3 {
	margin: 0 ;
	padding: 0 ;
	font-size: 18px ;
	font-weight: bold ;
	text-align: center ;
	line-height: 1.5 ;
	color: #ffffff ;
}
#caseStudy .photoList1-m .photo h3:before {
	border-bottom: none ;
}
#caseStudy .photoList1-m .photo h3 span {
	font-weight: normal ;
	font-size: 16px ;
}
#caseStudy .photoList1-m .text .centerFit {
	padding: 0 40px ;
}
#caseStudy .photoList1-m .text .read {
	margin: 0 0 20px 0 ;
	font-size: 13px ;
	color: #333333 ;
}

#exibition {
	position: relative ;
}
#exibition .pbox {
	background: #ffffff ;
	height: auto ;
	font-size: 13px ;
	color: #333333 ;
}
#exibition .pbox:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 100% ;
}
#exibition .pbox a {
	display: block ;
	position: absolute ;
	top: 0 ;
	left: 0 ;
	right: 0 ;
	bottom: 0 ;
	width: 100% ;
	height: 100% ;
	color: #333333 ;
	overflow: hidden ;
	text-decoration: none ;
}
#exibition .imgBox {
	width: 100% ;
	height: auto ;
}
#exibition .imgBox:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 58.0645% ;
}
#exibition .text {
	position: relative ;
	background: #ffffff ;
	width: 100% ;
	height: auto ;
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	z-index: 2 ;
}
#exibition .text:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 41.9355% ;
}
#exibition .text:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
#exibition .text h3 {
	background: none ;
	margin: 0 0 20px 0 ;
	padding: 0 ;
	font-size: 10px ;
	font-weight: normal ;
	text-align: center ;
	line-height: 1.5 ;
}
#exibition .text h3 span {
	font-size: 20px ;
	font-weight: 600 ;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", serif;
}
#exibition .text .add {
	font-size: 13px ;
	text-align: center ;
}


/* btm contents */

.btmTab {
	width: 100% ;
	background: #ffffff ;
	margin: 0 0 60px 0 ;
}
.btmTab #tabBtn {
	position: relative ;
	width: 100% ;
	position: relative ;
	display: -webkit-flex ;
	display: -moz-flex ;
	display: -ms-flex ;
	display: -o-flex ;
	display: flex ;
	-webkit-flex-wrap: nowrap ;
	flex-wrap: nowrap ;
	-webkit-justify-content: space-between ;
	justify-content: space-between ;
	-webkit-align-items: stretch ;
	align-items: stretch ;
}
.btmTab #tabBtn li {
	display: block ;
	position: relative ;
	background: #d7e1e3 ;
	width: 33.3333% ;
	padding: 22px 0 ;
	text-align: center ;
	cursor: pointer ;
	border-right: 1px solid #c6cfd1 ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
	font-size: 1.2vw ;
}
.btmTab #tabBtn li:nth-child(1) dt {
	border-right: none ;
}
.btmTab #tabBtn li span {
	display: inline-block ;
	padding: 1px 0 1px 24px ;
}
.btmTab #tabBtn li span.icon1 {
	background: url(../images/news-icon_01.png) left center no-repeat ;
}
.btmTab #tabBtn li span.icon2 {
	background: url(../images/news-icon_02.png) left center no-repeat ;
}
.btmTab #tabBtn li span.icon3 {
	background: url(../images/news-icon_03.png) left center no-repeat ;
}
.btmTab #tabBtn li:hover,
.btmTab #tabBtn li:focus {
	filter: alpha(opacity=80) ;
	-moz-opacity: 0.80 ;
	opacity: 0.80 ;
}
.btmTab #tabBtn li.active {
	background: #ffffff ;
	font-weight:bold;
}
.btmTab #tabBox {
	width: 100% ;
	background: #ffffff ;
	padding: 25px 30px ;
}
.btmTab #tab2,.btmTab #tab3,.btmTab #tab4,.btmTab #tab5 {
	display: none ;
}


.btmNews {
	width: 100% ;
	font-size: 1.1vw ;
	line-height: 1.8 ;
}
.btmNews a:link,
.btmNews a:visited {
	color: #333333 ;
	text-decoration: none ;
}
.btmNews a:hover,
.btmNews a:active {
	color: #79BF38 ;
}
.btmNews dt {
	clear: both ;
	float: right;
	margin: 0 0 12px 0 ;
	
}
.btmNews .cat {
	float: left ;
	background: #79BF38 ;
	width: 90px ;
	height: 22px ;
	margin: 0 0 12px 12px ;
	font-size: 1.1vw ;
	line-height: 22px ;
	vertical-align: middle ;
	color: #ffffff ;
	text-align: center ;
	-webkit-border-radius: 7px ;
	-moz-border-radius: 7px ;
	border-radius: 7px ;
}
.btmNews dd {
	margin: 0 0 12px 15px ;
}
.btmNews .cat + dd {
	margin: 0 0 12px 130px ;
}
.btmNews dd span {
	display: inline-block ;
	background: #79BF38 ;
	height: 14px ;
	margin: 0 5px 0 0 ;
	padding: 0 8px ;
	font-size: 9px ;
	line-height: 14px ;
	vertical-align: middle ;
	color: #ffffff ;
	text-align: center ;
	-webkit-border-radius: 7px ;
	-moz-border-radius: 7px ;
	border-radius: 7px ;
}
.btmNews .pdf a:after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 0 0 5px;
	vertical-align: middle;
	background: url(../images/pdf.png) left center no-repeat  ;
	background-size: 18px ;
}

.btmSlides {
	position: relative ;
	margin: 0 -12px ;
}
.btmSlides .slick-slide {
	position: relative ;
	background: #f0f4f5 ;
	height: 35vh ;
	margin: 0 12px ;
	overflow: hidden ;
}
.btmSlides .slick-slide:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 64.5161% ;
}
.btmSlides .slick-slide a {
	display: block ;
	position: absolute;
	top: 0 ;
	left: 0 ;
	right: 0 ;
	bottom: 0 ;
	width: 100% ;
	height: 100% ;
	color: #333333 ;
	text-decoration: none ;
}
.btmSlides.slick-slider a div {
	-webkit-transition-duration: .2s !important ;
	transition-duration: .2s !important ;
}
.btmSlides .imgBox {
	width: 100% ;
	height:80%;
}
.btmSlides .imgBox:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 38.6956% ;
}
.btmSlides  p {
	position: relative ;
	background: #f0f4f5 ;
	width: 100% ;
	padding: 10px 10px ;
	word-wrap: break-word ;
	z-index: 2 ;
	font-size:1.1vw;
	text-align:center;
}




.btmSlides p:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(240, 244, 245, 0);
	border-bottom-color: #f0f4f5;
	border-width: 12px;
	margin-left: -12px;
}
.btmSlides .slick-prev {
	left: -5% ;
}
.btmSlides .slick-next {
	right: -5% ;
	
}


}






@media screen and (max-width:768px) {



#topSlides {
	position: relative ;
	z-index: 3 ;
}
#topSlides a {
	display: block ;
	position: relative ;
	width: 100% ;
}
#topSlides a div {
	-webkit-transition-duration: 0s ;
	transition-duration: 0s ;
	-webkit-transition-timing-function: ease ;
	transition-timing-function: ease ;
}
.topText {
	position: absolute ;
	top: 30vw ;
	right: 0 ;
	width: 100% ;
	padding: 0 4vw ;
	z-index: 2 ;
}
.topText p {
	position: absolute ;
	width: 60% ;
}
.topText img {
	width: 100% ;
}
.topSlides {
	position: relative ;
	background: #374252 ;
	width: 100% ;
	height: 80vw ;
	z-index: 1 ;
	overflow: hidden;
}
.topSlides div,
.topSlides div a {
	position: relative ;
	display: block ;
	width: 100% ;
	height: 80vw ;
	color: #000000 ;
	overflow: hidden ;
	text-decoration: none ;
}
.topSlides .images {
	position: relative ;
	width: 100% ;
	height: 80vw ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;
	z-index: 1 ;
}
.topSlides .images img {
	position: relative ;
	top: 50% ;
	left: 20% ;
	width: auto ;
	height: 100% ;
	-webkit-transform: translate(-50%,-50%) ;
	-ms-transform: translate(-50%,-50%) ;
	transform: translate(-50%,-50%) ;
}
.topSlides .images img.pcNone {
	left: 50% ;
}
.topSlides .siteInner {
	position: relative ;
	margin: 0 ;
	padding: 4vw 4vw 0 4vw ;
}
.topSlides h2 {
	position: relative ;
	margin: 0 0 5vw 0 ;
	font-size: 5.86vw ;
	font-weight: normal ;
	line-height: 1.3 ;
}
.topSlides h2:before {
	content: "" ;
	position: absolute ;
	left: 0 ;
	bottom: -15% ;
	width: 6.66% ;
	border-bottom: 4px solid #00449A ;
}
.topSlides dt {
	font-size: 3.46vw ;
	font-weight: bold ;
}
.topSlides dd {
	font-size: 3.2vw ;
}
.topSlides .slick-dots {
	position: absolute ;
	bottom: 3vw ;
	width: 100% ;
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font-size: 0 ;
	line-height: 1 ;
}
.topSlides .slick-dots li {
	position: relative ;
	display: inline-block ;
	background: rgba(255,255,255,0.7) ;
	width: 2.4vw ;
	height: 2.4vw ;
	margin: 0 0.7vw ;
	padding: 0 ;
	-webkit-border-radius: 1.2vw ;
	-moz-border-radius: 1.2vw ;
	border-radius: 1.2vw ;
	overflow: hidden ;
	cursor: pointer ;
}
.topSlides .slick-dots li.slick-active {
	background: #374252 ;
}
.topSlides .slick-dots li button {
	display: none ;
}


.indexTabacc {
	position: relative ;
	background: #ffffff ;
	width: 100% ;
	z-index: 2 ;
}
.indexTabacc .indexCaution {
	position: relative ;
	background: #ffffff ;
	width: 100% ;
	padding: 0 ;
}
.indexTabacc .indexCaution h2 {
	position: relative ;
	width: 100% ;
	background: #00449A ;
	margin: 0 ;
	padding: 6.5vw 0 ;
	font-size: 3.73vw ;
	font-weight: bold ;
	color: #ffffff ;
	line-height: 1 ;
	text-align: center ;
	vertical-align: middle ;
	z-index: 2 ;
}
.indexTabacc .indexCaution h2:before {
	border-bottom: none ;
}
.indexTabacc .indexCaution h2:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(210, 61, 42, 0);
	border-top-color: #00449A;
	border-width: 10px;
	margin-left: -10px;
}
.indexTabacc .indexCaution dl {
	line-height: 1.5 ;
	border-top: none ;
}
.indexTabacc .indexCaution dt {
	padding: 3.5vw 4vw 0 4vw ;
}
.indexTabacc .indexCaution dd {
	padding: 0.5vw 4vw 4vw 4vw ;
	border-bottom: 1px solid #eeeeee ;
}
.indexTabacc .indexCaution dd:last-child {
	border-bottom: none ;
}
.indexTabacc .siteInner {
	background: #f0f4f5 ;
	width: 100% ;
	padding: 6vw 4vw ;
}
.indexTabacc .siteInner:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(240, 244, 245, 0);
	border-top-color: #f0f4f5;
	border-width: 30px;
	margin-left: -30px;
}
.indexTabacc .siteInner dl {
	position: relative ;
	width: 100% ;
}
.indexTabacc .siteInner dl dd ul {
	width: 100% ;
}
.indexTabacc .siteInner dl dd ul li a {
	display: block ;
	position: relative ;
	background: #ffffff url(../images/ar11.png) 3vw center no-repeat ;
	background-size: 3vw ;
	width: 100% ;
	padding: 4vw 4vw 4vw 8vw ;
	color: #333333 ;
	border-bottom: 1px solid #eeeeee ;
	text-decoration: none ;
}


#indexNews {
	position: relative ;
	width: 100% ;
	padding: 12vw 0 0 0 ;
	z-index: 2 ;
}
#indexNews .column1-3,
#indexNews .column2-3,
#indexNews a {
	display: block ;
	position: relative ;
	background: #374252 ;
	width: 100% ;
	height: 92vw ;
	margin-bottom: 4vw ;
	color: #ffffff ;
	overflow: hidden ;
	text-decoration: none ;
}
#indexNews a .read {
	position: absolute ;
	left: 0 ;
	bottom: 0 ;
	width: 100% ;
	padding: 0 4vw 4vw 4vw ;
	z-index: 10 ;
}
#indexNews a h3 {
	position: relative ;
	width: 100% ;
	margin: 0 0 3vw 0 ;
	padding: 0 0 3vw 0 ;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	font-size: 3.73vw ;
	line-height: 1.2 ;
	color: #ffffff ;
	z-index: 2 ;
	overflow: hidden ;
	white-space: nowrap ;
	text-overflow: ellipsis ;
}
#indexNews a p.text {
	position: relative ;
	width: 100% ;
	height: 3em ;
	font-size: 3.2vw ;
	z-index: 2 ;
	overflow: hidden ;
	text-overflow: ellipsis ;
}
#indexNews a .category {
	display: inline-block ;
	position: absolute ;
	left: 0 ;
	top: 0 ;
	background: #666666 ;
	padding: 3vw 6vw ;
	font-size: 3.2vw ;
	line-height: 1 ;
	color: #ffffff ;
	z-index: 10 ;
}
#indexNews .category.c1 {
	background: #0068B7 ;
}
#indexNews .category.c2 {
	background: #ea5805 ;
}
#indexNews .category.c3 {
	background: #79BF38 ;
}
#indexNews .category.c4 {
	background: #00b7ee ;
}
#indexNews .category.c5 {
	background: #004986 ;
}
#indexNews .movie {
	position: absolute ;
	top: 35% ;
	left: 50% ;
	background: url(../images/movie-play.png) right center no-repeat ;
	background-size: 100% ;
	width: 18vw ;
	height: 18vw ;
	margin: 0 0 0 -9vw ;
	z-index: 10 ;
}
.moreNews {
	position: relative ;
	width: 100% ;
	margin: 0 auto ;
	z-index: 2 ;
}
.moreNews p {
	width: 100% ;
	padding: 3.46vw 0 ;
	border: 2px solid rgba(20,168,59,0.5) ;
	font-size: 3.46vw ;
	line-height: 1 ;
	color: #00449A ;
	text-decoration: none ;
	text-align: center ;
	cursor: pointer ;
	-webkit-border-radius: 40px ;
	-moz-border-radius: 40px ;
	border-radius: 40px ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
.moreNews p span {
	position: relative ;
	display: inline-block ;
	background: url(../images/plus.png) right center no-repeat ;
	background-size: 12% ;
	padding: 0 5vw 0 0 ;
}
.moreNews p:hover,
.moreNews p:focus {
	background: #00449A ;
	color: #ffffff ;
	border: 2px solid #00449A ;
}
.moreNews p:hover span,
.moreNews p:focus span {
	background: url(../images/plus2.png) right center no-repeat ;
	background-size: 12% ;
}


#indexFotterbg {
	position: relative ;
	width: 100% ;
	margin: -10% 0 0 0 ;
	padding: 25vw 0 4vw 0 ;
	background: #ffffff url(../images/index-case-bg1.jpg) top center no-repeat ;
	background-size: cover ;
	z-index: 1 ;
}
#indexFotterbg h2 {
	margin: 0 0 6.66vw 0 ;
	text-align: center ;
	color: #333333 ;
	font-size: 5.866vw ;
	font-weight: normal ;
	line-height: 1.4 ;
	letter-spacing: 0.1em ;
}
#indexFotterbg h2:before {
	border-bottom: none ;
}
#indexFotterbg h2 span {
	font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", serif;
}
#indexFotterbg h2 p {
	text-align: center ;
	color: #333333 ;
	font-size: 3.2vw ;
	font-weight: normal ;
}


#caseStudy {
	position: relative ;
	width: 100% ;
	margin: 0 0 12vw 0 ;
}
#caseStudy .photoList1-m {
	margin-bottom: 4vw ;
}
#caseStudy .photoList1-m .photo h3 {
	margin: 0 ;
	padding: 0 ;
	font-size: 3.46vw ;
	font-weight: bold ;
	text-align: center ;
	color: #ffffff ;
}
#caseStudy .photoList1-m .photo h3:before {
	border-bottom: none ;
}
#caseStudy .photoList1-m .photo h3 span {
	font-size: 3.2vw ;
	font-weight: normal ;
}
#caseStudy .photoList1-m .text .columnInner .centerFit {
	padding: 4vw ;
	font-size: 3.2vw ;
}
#caseStudy .photoList1-m .text .read {
	margin: 0 0 2vw 0 ;
}

#exibition {
	position: relative ;
	width: 100% ;
	margin: 0 ;
}
#exibition .pbox .imgBox {
	display: block ;
	position: relative ;
	height: 53.33vw ;
}
#exibition .text {
	width: 100% ;
	background: #ffffff ;
	height: 41.33vw ;
	padding: 30px 0 0 0 ;
	text-align: center ;
	z-index: 2 ;
}
#exibition .text:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
#exibition .text h3 {
	background: none ;
	margin: 0 0 7.5vw 0 ;
	font-size: 2.93vw ;
	font-weight: normal ;
	text-align: center ;
	line-height: 1.5 ;
}
#exibition .text h3 span {
	font-size: 5vw ;
	font-weight: 600 ;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", serif;
	letter-spacing: 0.04em ;
}
#exibition .text .add {
	font-size: 3.73vw ;
	text-align: center ;
}


.btmTab {
	position: relative ;
	width: 100% ;
	height: auto ;
	margin: 0 0 12vw 0 ;
}
.btmTab #tabBtn {
	position: relative ;
	width: 100% ;
	position: relative ;
	display: -webkit-flex ;
	display: -moz-flex ;
	display: -ms-flex ;
	display: -o-flex ;
	display: flex ;
	-webkit-flex-wrap: nowrap ;
	flex-wrap: nowrap ;
	-webkit-justify-content: space-between ;
	justify-content: space-between ;
	-webkit-align-items: stretch ;
	align-items: stretch ;
}
.btmTab #tabBtn li {
	display: block ;
	position: relative ;
	background: #d7e1e3 ;
	width: 33.3333% ;
	padding: 5vw 0 ;
	line-height: 1 ;
	text-align: center ;
	font-size: 3.5vw ;
	cursor: pointer ;
	border-right: 1px solid #c6cfd1 ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
.btmTab #tabBtn li:nth-child(1) dt {
	border-right: none ;
}

.btmTab #tabBtn li:nth-child(5) dt {
	border-right: none ;
}
.btmTab #tabBtn li:hover,
.btmTab #tabBtn li:focus {
	filter: alpha(opacity=80) ;
	-moz-opacity: 0.80 ;
	opacity: 0.80 ;
}
.btmTab #tabBtn li.active {
	background: #ffffff ;
}
.btmTab #tabBox {
	width: 100% ;
	background: #ffffff ;
	padding: 4vw 0 ;
}
.btmTab #tabBox .newsList {
	width: 108% ;
	margin: 0 -4vw ;
}
.btmTab #tabBox p {
	padding: 0 4vw ;
}
.btmTab #tab2,.btmTab #tab3,.btmTab #tab4,.btmTab #tab5 {
	display: none ;
}

.btmNews {
	position: relative ;
	width: 100% ;
	line-height: 1.4 ;
}
.btmNews a:link,
.btmNews a:visited {
	color: #333333 ;
	text-decoration: none ;
}
.btmNews a:hover,
.btmNews a:active {
	color: #00449A ;
}
.btmNews dt {
	display: inline-block ;
	height: 4vw ;
	margin: 0 ;
	padding: 0 0 0 4vw ;
	font-size: 3.5vw ;
	font-weight: bold ;
	height: 4vw ;
	vertical-align: middle ;
}
.btmNews .cat {
	display: inline-block ;
	background: #79BF38 ;
	width: 26% ;
	margin: 0 0 0 3vw ;
	padding: 0 ;
	font-size: 2.13vw ;
	line-height: 4vw ;
	color: #ffffff ;
	text-align: center ;
	vertical-align: middle ;
	-webkit-border-radius: 2vw ;
	-moz-border-radius: 2vw ;
	border-radius: 2vw ;
}
.btmNews .txt {
	clear: both ;
	width: 100% ;
	margin: 0 0 3vw 0 ;
	padding: 1vw 4vw 4vw 4vw ;
	font-size: 3.5vw ;
	border-bottom: 1px solid #d7e1e3 ;
}
.btmNews .txt span {
	display: inline-block ;
	background: #00449A ;
	width: 16% ;
	margin: 0 1vw 0 0 ;
	font-size: 2.13vw ;
	line-height: 4vw ;
	color: #ffffff ;
	text-align: center ;
	vertical-align: middle ;
	-webkit-border-radius: 2vw ;
	-moz-border-radius: 2vw ;
	border-radius: 2vw ;
}
.btmNews .pdf a:after {
	content: "";
	display: inline-block;
	width: 4.8vw;
	height: 4.8vw;
	margin: 0 0 0 2vw;
	vertical-align: middle;
	background: url(../images/pdf.png) left center no-repeat;
	background-size: 4.8vw;
}



.btmSlides {
	position: relative ;
	margin: 0 -4vw ;
}
.btmSlides .slick-slide {
	position: relative ;
	background: #ffffff ;
	height: 42vw ;
	margin: 0 1.6vw ;
	overflow: hidden ;
}
.btmSlides .slick-slide a {
	display: block ;
	position: absolute;
	top: 0 ;
	left: 0 ;
	background: #f0f4f5 ;
	width: 100% ;
	height: 100% ;
	color: #000000 ;
	overflow: hidden ;
	text-decoration: none ;
}
.btmSlides .imgBox {
	width: 100% ;
	height: 28.66vh ;
	
}
.btmSlides .slick-slide p {
	position: relative ;
	padding: 3vw 4vw 0 4vw ;
	font-size: 3.5vw ;
	line-height: 1.45 ;
	letter-spacing: -0.02em ;
	word-wrap: break-word ;
	z-index: 2 ;
	text-align:center;
}
.btmSlides .slick-slide p:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(240, 244, 245, 0);
	border-bottom-color: #f0f4f5;
	border-width: 12px;
	margin-left: -12px;
}
.btmSlides .slick-prev {
	left: 2% ;
	
}
.btmSlides .slick-next {
	right: 2% ;
}
.btmSlides .slick-dots {
	position: relative ;
	width: 100% ;
	margin: 4vw 0 0 0 ;
	padding: 0 ;
	text-align: center ;
	font-size: 0 ;
	line-height: 1 ;
}
.btmSlides .slick-dots li {
	position: relative ;
	display: inline-block ;
	background: rgba(255,255,255,0.5) ;
	width: 2.4vw ;
	height: 2.4vw ;
	margin: 0 0.7vw ;
	padding: 0 ;
	-webkit-border-radius: 1.2vw ;
	-moz-border-radius: 1.2vw ;
	border-radius: 1.2vw ;
	overflow: hidden ;
	cursor: pointer ;
}
.btmSlides .slick-dots li.slick-active {
	background: #ffffff ;
}
.btmSlides .slick-dots li button {
	display: none ;
}


}







.h83h
{
margin-top:-80px;
margin-bottom:-30px;
}